<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <!-- 标准的理想视口 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <title>注册1</title>
  <!-- 1 引入 4个 样式文件 -->
  <link rel="stylesheet" href="../lib/mui/css/mui.css">
  <link rel="stylesheet" href="../lib/fontawesome/css/font-awesome.css">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/register.css">
</head>

<body class="">
  <!-- 主要用在显示网页内容1 -->
  <div class="pyg_view">
    <header id="header" class="mui-bar mui-bar-nav">
      <h1 class="mui-title">注册</h1>
      <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    </header>
    <main>
        <form class="mui-input-group">
            <div class="mui-input-row">
                <label>手机号</label>
            <input type="text" class="mui-input-clear" value="18570342207" placeholder="请输入手机号" name="mobile">
            </div>
            <div class="mui-input-row">
                <label>验证码</label>
            <input type="text" class="mui-input-clear" id="code" placeholder="请输入验证码" name='code'>
            <button id="getCodeBtn" type="button" class="mui-btn mui-btn-primary">获取验证码</button>
            </div>
            <div class="mui-input-row">
                <label>邮箱</label>
            <input type="text" class="mui-input-em" placeholder="请输入邮箱" name="em">
            </div>
            <div class="mui-input-row">
                <label>密码</label>
                <input type="password" class="mui-input-password" placeholder="请输入密码" name="pwd1">
            </div>
            <div class="mui-input-row">
                <label>确认密码</label>
                <input type="password" class="mui-input-password" placeholder="请输入密码" name="pwd2">
            </div>
            <div class="mui-input-row mui-radio">
                <label>男</label>
                <input name="gender" type="radio" value="男">
            </div>
            <div class="mui-input-row mui-radio">
                <label>女</label>
                <input name="gender" type="radio" value="女" checked>
            </div>
            
        </form>
        <div class="mui-button-row">
               
            <a type="button" class="mui-btn mui-btn-primary mui-btn-outlined">登录</a>
            <a type="button" id="regBtn" class="mui-btn mui-btn-primary" >注册</a>
        </div>
    </main>
  </div>
  </div>


</body>

<!-- 模板引擎 -->

<!-- 模板引擎 -->


<!-- 2 引入js文件 -->
<script src="../lib/mui/js/mui.js"></script>
<script src="../lib/zepto/zepto.js"></script>
<script src="../lib/arttemplate/template-web.js"></script>
<script src="../js/common.js"></script>
<script src="../js/register.js"></script>

</html>